<script setup lang="ts"></script>

<template>
  <view class="w-full h-[100vh] bg-[#F8F8F8]">
    <view class="flex flex-col px-[40rpx] py-[48rpx]">
      <up-navbar
        title="工作台"
        :placeholder="true"
        bgColor="#F8F8F8"
        height="44"
      >
        <template #left> </template>
      </up-navbar>
      <view class="flex items-center">
        <view class="mr-[24rpx]">
          <img
            src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
            alt=""
            class="size-[120rpx] rounded-full"
          />
        </view>
        <view class="flex w-full flex-col justify-evenly">
          <view class="flex items-center mb-[10rpx]">
            <view class="mr-2 text-[34rpx]"> 黄浩的工作台 </view>
            <view class="rounded-md bg-[rgba(2,115,191,0.1)]">
              <view
                class="px-[18rpx] pb-[2rpx] pt-[2rpx] text-[22rpx!important] text-[#0273BF]"
              >
                网销
              </view>
            </view>
          </view>
          <view class="text-[28rpx] text-[#919BA1]">
            赣州恋上车汽车有限公司
          </view>
        </view>
      </view>
    </view>

    <view class="mx-[20rpx]">
      <view class="flex w-full flex-col rounded-[16rpx] bg-white">
        <view class="px-[30rpx] pt-[20rpx] text-[34rpx] text-[#8A8F99]">
          常用功能
        </view>
        <view class="mb-[32rpx] ml-[32rpx] mt-[48rpx] flex justify-between">
          <view class="flex flex-col items-center">
            <view class="mb-[24rpx]">
              <img src="../../static/order.png" class="size-[80rpx]" alt="" />
            </view>
            <view class="text-[28rpx] text-[#676E73]"> 创建订单 </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped></style>
